<template>
    <view class="container">
        <view class="box">
           <view class="logo">
            <image class="tips1" src="../static/images/title-text.png" mode="scaleToFill" lazy-load="false"></image>
            </view>
            <view class="title">
            <image class="tips1" src="../static/images/equity-title.png" mode="scaleToFill" lazy-load="false"></image>
            </view>
            <view class="module">
                <view class="item">
                    <view class="number">
                          <image  src="../static/images/icon-num-one.png" mode="scaleToFill" lazy-load="false"></image>
                    </view>
                    <view class="title">198元</view>
                    <view class="sub-title">成为平台经纪人</view>
                    <view class="line"></view>
                    <view class="content">
                        <view class="intro">
                            <view class="title">享受平台五大权益</view>
                            <view class="text">
                                <view class="text-title">1、办卡返佣</view>
                                <view>
                                    平台平台与多家大型银行进行了深入对接与合作，现有近百种信用卡产品已经正式上线。平台经纪人可以从平台推广各大商业银行信用卡的申请与办理。每推荐下卡成功一张信用卡，平台经纪人都将获得相应卡种的返佣奖励。  平台平台为每个经纪人提供独立的后台和专属的经纪人信用卡二维码。此二维码可以通过各种渠道（如朋友圈、个人网站）进行推广。
                                </view>
                                <view class="text-title">2、贷款推广</view>
                                <view>
                                     平台平台与多家商业银行及金融机构进行商务对接与深入合作，目前有多种形式的线上贷款产品在平台推出。平台经纪人有权通过平台进行线上贷款产品的推广和办理。成功下款后，平台平台会根据贷款金额及返佣比例为经纪人提供相应的现金奖励。平台平台为每个经纪人提供独立的后台和专属的经纪人贷款二维码。此二维码可以通过各种渠道（如朋友圈、个人网站）进行推广。
                                </view>
                                <view class="text-title">3、平台商学院</view>
                                <view>
                                     平台平台具备雄厚的培训师资力量，目前拥有多位金融培训讲师，电商培训师，线上贷款培训师及平台企业文化讲师。每位老师都具有常年的金融实战经验和深厚的金融理论储备。平台会定期组织开展高端业务培训，金融产品首发宣讲，同业交流探讨沙龙。为平台经纪人适时加油充电。
                                </view>
                                <view class="text-title">4、权证服务</view>
                                <view>
                                    平台平台为帮助经纪人提高业务办理效率与办理能力，特提供专业的一对一权证服务。平台权证总部包括机构房抵、线上贷款、信用贷款、银行对接、信用卡申办五大子部门。充足的专业权证人员可以确保和会员直接对接。权证部门保障经纪人受理业务准确地同时，也满足了经纪人所属客户的时时需求。
                                </view>
                                 <view class="text-title">5、技术指导</view>
                                <view>
                                     平台平台为经纪人传授线上贷款的教学、技巧和实操。保证将最新、最全的线上贷款知识和实际应用全部教授给平台经纪人。平台在此还将提供免费现场服务，经纪人所属的线上贷款客户可以直接推送到平台直营店，由专业的线上贷款人员面对面为客户提供服务。
                                </view>
                            </view>
                            <view class="btn" @click="jumpUrl">
                                申请成为经纪人
                            </view>
                        </view>
                    </view>
                </view>
                <view class="item">
                     <view class="number">
                          <image  src="../static/images/icon-num-two.png" mode="scaleToFill" lazy-load="false"></image>
                    </view>
                    <view class="title">1980元</view>
                    <view class="sub-title">成为平台特约经纪人</view>
                    <view class="line"></view>
                    <view class="content">
                        <view class="intro">
                            <view class="title">享受平台六大权益</view>
                            <view class="text">
                                <!-- <view class="text-title">1、免费服务</view> -->
                                <view>
                                    平台特约经纪人是平台与个人合作的高级模式。特约经纪人享有平台提供的六大权益，其中办卡返佣、贷款推广为特约经纪人的线上盈利方式。平台商学院与技术指导为特约经纪人培训金融知识和线上贷款业务。权证服务为特约经纪人提供快捷的线下资金匹配渠道。平台为特约经纪人提供线下金融机构及银行产品，可收取客户服务费。
                                </view>
                                <!-- <view class="tips">2、尊享平台经纪人所有权益</view> -->
                            </view>
                            <view class="btn" @click="jumpUrl">
                                申请成为特约经纪人
                            </view>
                        </view>
                    </view>
                </view>
            </view> 
        </view>
        <view class="footer">
            <!-- <view class="logo">
                    <image src="../static/images/login-logo.png" mode="scaleToFill" lazy-load></image>
            </view> -->
            <view class="call">客服电话:010-86390610</view>
		</view>
    </view>
</template>
<script>
import Vue from 'vue'
export default {
  data() {
    return {
      
    };
  },
  onLoad(options) {
   
  },
  onShow(){
    // #ifdef H5
        document.title=`尊享平台权益`
    // #endif
  },
  methods:{
      jumpUrl(){
          Vue.customNavigateTo(`./webView?link=http://weijinwang.cn:8008`);
      }
  }

};
</script>
<style lang="less" scoped>
   .container{
       .box{
           width: 100%;
           height: 100%;
           background: url("../static/images/equity-bg.png");
           background-size: 100% 100%;
           background-repeat: no-repeat;
           overflow: hidden;
           .logo{
                width: 163upx;
                height: 50upx;
                margin: 15upx auto 60upx;
               image{
                   width: 163upx;
                   height: 50upx;
               }
           }
           .title{
                width: 570upx;
                height: 130upx;
                margin: 0upx auto;
               image{
                    width: 570upx;
                    height: 130upx;
               }
           }
           .module{
               .item{
                     width:661upx;
                     margin: 104upx auto 0;
                     text-align: center;
                     position: relative;
                   .number{
                       position: absolute;
                       top: -30upx;
                       left: 60upx;
                       image{
                           width: 61upx;
                           height: 61upx;
                       }
                   }  
                   .title{
                        height:62upx;
                        font-size:52upx;
                        font-family:PingFang-Semibold;
                        font-weight:bold;
                        line-height:62upx;
                        color:rgba(255,255,255,1);
                        margin-bottom: 20upx;
                   }
                   .sub-title{
                        height:52upx;
                        font-size:42upx;
                        font-family:PingFang-Semibold;
                        font-weight:bold;
                        line-height:52upx;
                        color:rgba(255,255,255,1);
                        text-shadow:-1upx 4upx 0upx rgba(255,136,79,1);
                        margin-bottom: 12upx;
                   }
                   .line{
                        width:86upx;
                        height:4upx;
                        background:rgba(0,85,255,1);
                        margin: 0 auto 14upx;
                   }
                   .content{
                       width:661upx;
                        height:611upx;
                        background:linear-gradient(360deg,rgba(255,154,0,1) 0%,rgba(255,119,0,1) 100%);
                        box-shadow:0upx 4upx 8upx rgba(255,255,255,0.69);
                        border-radius: 20upx;
                        position: relative;
                        .intro{
                            width:500upx;
                            min-height:674upx;
                            border-radius:20upx;
                            position: absolute;
                            left: 50%;
                            top: 20upx;
                            background: url("../static/images/equity-content-bg.png");
                            //background: #ffffff;
                            background-size: 100% 100%;
                            background-repeat: no-repeat;
                            margin-left: -250upx;
                            margin-top: 0;
                            border-radius: 20upx;
                            padding-bottom: 20px;
                            box-sizing: border-box;
                            overflow: hidden;
                            .title{
                                width: 100%;
                                font-size:30upx;
                                font-family:PingFang-Semibold;
                                font-weight:bold;
                                line-height:44upx;
                                color:rgba(0,111,255,1);
                                text-shadow:-1upx 2upx 0px rgba(255,151,61,1);
                                padding-bottom: 15upx;
                                margin: 0;
                                border-bottom: 1upx solid rgba(112,112,112,1);
                            }
                            .text{
                                width:100%;
                                height:500upx;
                                font-size:24upx;
                                font-family:PingFang-Semibold;
                                font-weight:bold;
                                line-height:36upx;
                                color: rgba(50, 50, 50, 1);
                                text-align: left;
                                padding: 20upx;
                                overflow: scroll;
                                margin: 0;
                                border-bottom: 1upx solid rgba(112,112,112,1);
                                box-sizing: border-box;
                                &-title{
                                  font-size:28upx;
                                  color:rgba(70,70,70,1);
                                }
                            }
                            .btn{
                                width:336upx;
                                height:59upx;
                                line-height: 59upx;
                                border:1px solid rgba(63, 152, 231, 0.46);
                                background:linear-gradient(180deg,rgba(0,177,255,1) 0%,rgba(0,102,255,1) 100%);
                                box-shadow:0upx 3upx 6upx rgba(0,136,255,0.47);
                                border-radius:30upx;
                                text-align: center;
                                font-size:28upx;
                                font-family:PingFang-Semibold;
                                font-weight:bold;
                                color:rgba(255,255,255,1);
                                margin: 30upx auto 0upx;
                            }
                        }
                   }
                   &:nth-child(2){
                        margin-top: 180upx;
                        margin-bottom: 120upx;
                        .number{
                            position: absolute;
                            top: 0upx;
                            left: 60upx;
                            image{
                                width: 61upx;
                                height: 61upx;
                            }
                        } 
                        .content{
                            height:411upx;
                            .intro{
                                min-height: 411upx;
                            }
                            .text{
                                height:257upx;
                            }
                            .tips{
                                height:34upx;
                                background:rgba(0,137,255,1);
                                font-size:20upx;
                                line-height:34upx;
                                color:rgba(255,255,255,1);
                            }
                        }
                    } 
               }
           }
       }
       .footer{
            text-align: center;
            height: 124upx;
            margin-top: 20upx;
            .logo{
                height: 44upx;
                image{
                    width: 145upx;
                    height: 44upx;
                }
                
            }
            .call{
                height:32upx;
                font-size:26upx;
                font-family:PingFang-Semibold;
                font-weight:bold;
                line-height:29upx;
                color:rgba(102,102,102,1);
                margin-top: 12upx;
            }
        }
   }
</style>